html,body {
	font-family: "微软雅黑","Helvetica",arial;
	-webkit-font-smoothing: antialiased;
}

@media (max-width: 419px) {
	html,body {
		font-size: 12px;
	}
}

body {
	color: #344644;
	background: url("../../images/whitey.jpg") repeat scroll 0 0 #fff;
	background-size: 220px 220px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "微软雅黑","Helvetica",arial;
	font-weight: 300;
}

h1 {
	clear: both;
	color: #447DF7;
	margin: 0 0 20px 0;
	padding-left: 14px;
	font-size: 2em;
}

h2 {
	clear: both;
	font-size: 1.8em;
	margin-bottom: 10px;
	padding: 10px 0 10px 30px;
}

h3 {
	font-size: 1.4em;
	margin-bottom: 15px;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}


a {
	color: #1D62F0;
	outline: none!important;
}

a:hover,a:focus {
	color: #1D62F0;
}

.text-muted {
  color: #9A9A9A;
}

.text-primary, .text-primary:hover {
  color: #1D62F0 !important;
}

.text-info, .text-info:hover {
  color: #23CCEF !important;
}

.text-success, .text-success:hover {
  color: #87CB16 !important;
}

.text-warning, .text-warning:hover {
  color: #FFA534 !important;
}

.text-danger, .text-danger:hover {
  color: #FB404B !important;
}
.container {
	padding-left: 8px;
	padding-right: 8px;
}

@media (max-width: 767px) {
	.container {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.row {
	margin-left: -8px;
	margin-right: -8px;
}

@media (max-width: 767px) {
	.row {
		margin-left: -5px;
		margin-right: -5px;
	}
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
	padding-left: 8px;
	padding-right: 8px;
}

@media (max-width: 767px) {
	.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 419px) {
	h1 {
		padding-left: 5px;
		font-size: 1.8em;
	}

	h2 {
		font-size: 1.5em;
	}

	.hidden-xxs {
		display: none!important;
	}

	tr.hidden-xxs {
		display: table-row!important;
	}

	th.hidden-xxs,td.hidden-xxs {
		display: table-cell!important;
	}

	.visible-xxs {
		display: block!important;
	}

	tr.visible-xxs {
		display: none!important;
	}

	th.visible-xxs,td.visible-xxs {
		display: none!important;
	}

	.breadcrumb {
		padding-left: 6px;
	}
}

#theme-wrapper {
	box-shadow: 0 0 53px 0 rgba(0,0,0,0.55);
	max-width: 1920px;
}

#page-wrapper {
	background-color: #2c3e50;
}

.container {
	margin: 0;
	max-width: 1920px;
	width: 100%;
}

#content-wrapper {
	background: #f5f5f5;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	min-height: 800px;
	padding: 15px 15px 35px 15px;
	margin-left: 220px;
}

@media (max-width: 991px) {
	#content-wrapper {
		margin-left: 0;
		border-left: 0!important;
		border-right: 0!important;
	}
}

@media (max-width: 767px) {
	#content-wrapper {
		padding: 10px 8px 0 8px;
	}
}

@media (max-width: 419px) {
	#content-wrapper {
		padding: 5px 5px 0 5px;
	}
}

#content-wrapper>.row {
	opacity: 1;
}

.main-box {
	background: #FFFFFF;
	box-shadow: 1px 1px 2px 0 #CCCCCC;
	margin-bottom: 16px;
	border-radius: 3px;
	background-clip: padding-box;
}

@media (max-width: 767px) {
	.main-box {
		margin-bottom: 10px;
	}
}

.main-box h2 {
	font-size: 1.3em;
	line-height: 29px;
	margin: 0;
	padding: 0;
}

@media (max-width: 419px) {
	.main-box h2 {
		margin-bottom: 5px;
	}
}

.main-box.no-header {
	padding-top: 20px;
}

.main-box .main-box-header {
	min-height: 50px;
	padding: 10px 20px;
}

.main-box .main-box-header.with-border {
	border-bottom: 1px solid #ecf0f1;
}

.main-box .main-box-body {
	padding: 0 20px 20px 20px;
}

h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small {
	padding-left: 8px;
}

.navbar-toggle {
	border: medium none;
	font-size: 1.4em;
	height: 50px;
	margin: 0;
	text-shadow: none;
	width: 50px;
	z-index: 100;
	border-radius: 0;
	background-clip: padding-box;
}

.navbar-toggle .icon-bar {
	background: none repeat scroll 0 0 white;
}

.nav>li {
	float: left;
}

.navbar-nav {
	margin: 0 0 0 10px;
}

.navbar-nav>li>a {
	padding-bottom: 15px;
	padding-top: 15px;
	line-height: 24px;
}

.navbar-nav>li>.dropdown-menu {
	border-radius: 3px;
	background-clip: padding-box;
	min-width: 223px;
}

.dropdown-menu>li>a {
	color: #707070;
	line-height: 1.7;
	padding-left: 35px;
	-webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
	transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
	background-color: #f6f6f6;
	color: #707070;
}

.dropdown-menu>li>a>i {
	position: absolute;
	margin-left: -18px;
	margin-top: 4px;
}

.nav-pills>li {
	float: none;
}

.nav-pills>li>a {
	border-radius: 0;
	background-clip: padding-box;
}

.navbar>.container .navbar-brand {
	background: #383838;
	color: #fff;
	font-weight: 700;
	width: 220px;
	margin-left: -8px;
	padding: 10px 15px;
	text-align: center;
}

@media (max-width: 991px) {
	.navbar>.container .navbar-brand {
		background: transparent;
		color: #262626;
	}
}

@media (max-width: 767px) {
	.navbar>.container .navbar-brand {
		padding-top: 12px;
		padding-top: 12.5px;
	}
}

@media (max-width: 767px) {
	#logo {
		width: 150px;
		padding-left: 0;
		font-size: 1em;
		margin-left: 6px;
	}
}

@media (max-width: 400px) {
	#logo {
		width: auto;
		margin-left: 15px;
	}
}

@media (max-width: 767px) {
	#logo img {
		height: 19px;
	}
}

@media (max-width: 400px) {
	#logo span {
		display: none;
	}
}

#logo.navbar-brand>img {
	height: 30px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	#logo.navbar-brand>img {
		height: 25px;
	}
}

@media (min-width: 992px) {
	#logo.navbar-brand>img.normal-logo.logo-white {
		display: block;
	}
}

@media (max-width: 991px) {
	#logo.navbar-brand>img.normal-logo.logo-white {
		display: none;
	}
}

@media (min-width: 992px) {
	#logo.navbar-brand>img.normal-logo.logo-black {
		display: none;
	}
}

@media (max-width: 991px) {
	#logo.navbar-brand>img.normal-logo.logo-black {
		display: block;
	}
}

#header-navbar {
	background: #fff;
	border: 0 none;
	border-radius: 0;
	background-clip: padding-box;
	margin: 0;
	min-height: 50px;
	color: #262626;
	box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.1);
	position: relative;
	z-index: 99;
}

#header-navbar .navbar-form .form-group {
	position: relative;
}

#header-navbar .navbar-form .form-control {
	background: #131313;
	color: #707070;
	height: 30px;
	line-height: 30px;
	margin-top: 2px;
	font-size: 0.75em;
}

#header-navbar .navbar-form .nav-search-icon {
	position: absolute;
	color: #707070;
	right: 6px;
	top: 8px;
}

#header-navbar .nav>li>a {
	height: 50px;
}

#header-navbar .nav>li>a>span.count {
	background: none repeat scroll 0 0 #e74c3c;
	border-radius: 50%;
	background-clip: padding-box;
	color: #fff;
	display: block;
	font-size: 9px;
	height: 14px;
	line-height: 14px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 11px;
	width: 14px;
}

#header-navbar .profile-dropdown>a {
	padding-top: 8px;
	padding-bottom: 7px;
	line-height: 35px;
}

#header-navbar .profile-dropdown>a>img {
	border-radius: 50%;
	background-clip: padding-box;
	float: left;
	height: 35px;
	margin-right: 5px;
	width: 35px;
}

#header-navbar .profile-dropdown>a>span {
	float: left;
	display: block;
	margin-right: 3px;
	font-size: em;
}

#header-nav .form-control {
	border-radius: 0;
	background-clip: padding-box;
	border: 0;
}

#header-navbar .navbar-left .navbar-nav {
	margin-left: 0;
}

#header-navbar .nav>li>a {
	padding-left: 18px;
	padding-right: 18px;
	color: #484848;
	border: none;
	border-radius: 0;
	background-clip: padding-box;
}

#header-navbar .nav>li .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#header-navbar .nav a:hover .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar-nav>li>.dropdown-menu.notifications-list {
	min-width: 320px;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 8px;
	color: #707070;
	margin-left: -265px;
}

.notifications-list .item-header {
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

.notifications-list .item {
	border-top: 1px solid #f6f6f6;
	line-height: 1.4;
	padding-bottom: 0;
	padding-top: 0;
	clear: both;
}

.notifications-list .item>a>i {
	color: #e74c3c;
}

.notifications-list .item a {
	clear: both;
	white-space: normal;
	padding-bottom: 8px;
	padding-top: 8px;
}

.notifications-list .item a .time {
	color: #3498db;
	margin-left: 10px;
	position: absolute;
	right: 13px;
	white-space: normal!important;
}

.notifications-list .item a .time i {
	margin-right: 3px;
}

.notifications-list .item-footer {
	background: #3498db;
	padding-bottom: 0;
	padding-top: 0;
}

.notifications-list .item-footer a {
	padding: 8px 20px;
	text-align: center;
	-webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
	transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
	color: #fff;
}

.notifications-list .item-footer a:hover,.notifications-list .item-footer a:focus {
	background-color: #2980b9;
	color: #fff;
}

.notifications-list .pointer {
	height: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 21px;
	top: -12px;
	width: 12px;
}

.notifications-list .pointer .pointer-inner {
	position: relative;
}

.notifications-list .pointer .arrow {
	border-color: transparent transparent #FFFFFF;
	border-style: solid;
	border-width: 6px;
	cursor: pointer;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1002;
}

.notifications-list .pointer .arrow-border {
	border-color: transparent transparent rgba(0,0,0,0.15);
	border-style: solid;
	border-width: 7px;
	cursor: pointer;
	left: -1px;
	position: absolute;
	top: -2px;
	z-index: 1001;
}

.messages-list .item.first-item {
	border-top: 0!important;
}

.messages-list .item>a {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	-webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
	transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
}

.messages-list .item>a>img {
	position: absolute;
	margin-top: 10px;
}

.messages-list .item>a>.content {
	display: block;
	padding-left: 50px;
	padding-top: 5px;
}

.messages-list .item>a>.content .content-headline {
	color: #605F5F;
	display: block;
	font-weight: 600;
}

.messages-list .item>a>.content .content-text {
	display: block;
	line-height: 1.4;
}

@media (max-width: 400px) {
	#header-navbar .container {
		padding: 0;
	}
}

@media (max-width: 400px) {
	.profile-dropdown .dropdown-toggle {
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
}

@media (max-width: 400px) {
	#header-nav .nav {
		margin-left: 0;
	}
}

#col-left {
	position: relative;
	color: #003940;
	height: 100%;
}

#col-left a {
	color: #e1e1e1;
}

#col-left a:hover,#col-left .nav-active a.nav-link,#col-left a.active {
	color: #fff;
}

#nav-col {
	padding: 0;
	z-index: 100;
	position: absolute;
	width: 220px;
}
#nav-col:after, #nav-col:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#nav-col:before {
  opacity: .33;
  background: #000000;
}
#nav-col:after {
  background: #525252;
  background: -moz-linear-gradient(top, #525252 0%, rgba(52, 52, 52, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #525252), color-stop(100%, rgba(52, 52, 52, 0.7)));
  background: -webkit-linear-gradient(top, #525252 0%, rgba(52, 52, 52, 0.7) 100%);
  background: -o-linear-gradient(top, #525252 0%, rgba(52, 52, 52, 0.7) 100%);
  background: -ms-linear-gradient(top, #525252 0%, rgba(52, 52, 52, 0.7) 100%);
  background: linear-gradient(to bottom, #525252 0%, rgba(52, 52, 52, 0.7) 100%);
  background-size: 150% 150%;
  z-index: 3;
  opacity: 1;
}
#nav-col .background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-image: url(../../images/login.jpeg);
}
@media (max-width: 991px) {
	#nav-col {
		position: relative;
		width: auto;
	}
}

#sidebar-nav {
	max-height: 100%;
	padding-left: 0;
	padding-right: 0;
	z-index: 4;
	position: relative;
}

#sidebar-nav .nav>li {
	margin: 0;
}

#sidebar-nav .nav>li>a {
	margin: 5px 15px 0px;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: opacity .15s ease-in,background .15s ease-in;
	transition: opacity .15s ease-in,background .15s ease-in;
	background: transparent;
    opacity: .92;
}

#sidebar-nav .nav>li>a:hover {
	background: rgba(255, 255, 255, 0.23);
}

#sidebar-nav .nav>li.active>a {
    opacity: 1;
	background: rgba(255, 255, 255, 0.33);
}

#sidebar-nav .nav>li>a>i {
    font-size: 24px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    width: 30px;
    text-align: center;
}

#sidebar-nav .nav>li>a>p {
	margin: 0;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
}

#sidebar-nav .nav li>a.dropdown-toggle p>.caret {
	border-bottom-color: #fff;
    border-top-color: #fff;
	position: absolute;
	right: 0;
	top: 12px;
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s;
	transition: transform 0.2s ease-in-out 0.1s;
}

#sidebar-nav .nav li.open>a.dropdown-toggle p>.caret,#sidebar-nav .nav li.active>a.dropdown-toggle p>.caret {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#sidebar-nav .nav li .submenu {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar-nav .nav li.active>.submenu {
	display: block;
}

#sidebar-nav .nav li.active>.submenu,#sidebar-nav .nav>li.active>.submenu>li.active>.submenu {
	display: block;
}

#sidebar-nav .nav li .submenu>li {
	position: relative;
}

#sidebar-nav .nav li .submenu>li>a {
	position: relative;
    display: block;
    padding: 10px 15px;
    padding-left: 60px;
    margin: 5px 15px 0px;
    border-radius: 4px;
    color: #fff;
    opacity: .86;
    font-size: 16px;
    -webkit-transition: opacity .15s ease-in,background .15s ease-in;
	transition: opacity .15s ease-in,background .15s ease-in;
}
#sidebar-nav .nav li .submenu>li>a:hover {
	text-decoration: none;
	background: rgba(255, 255, 255, 0.13);
}
#sidebar-nav .nav li .submenu>li>a.active,#sidebar-nav .nav li .submenu>li.active>a{
	opacity: 1;
	background: rgba(255, 255, 255, 0.23);
}

.navbar-nav .open .dropdown-menu {
	background-color: #FFFFFF;
	border: none;
	box-shadow: 0 6px 12px rgba(0,0,0,0.176);
	left: 0;
	position: absolute;
}

#user-left-box {
	padding: 20px 15px;
}

#user-left-box img {
	border-radius: 50%;
	background-clip: padding-box;
	float: left;
	width: 80px;
}

#user-left-box .user-box {
	color: #fff;
	float: left;
	padding-left: 15px;
	padding-top: 11px;
}

#user-left-box .user-box>.name {
	display: block;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.2;
}

#user-left-box .user-box>.status {
	display: block;
	font-size: 0.75em;
	padding-top: 3px;
}

#user-left-box .user-box>.status>i {
	color: #2ecc71;
	margin-right: 4px;
}

@media (min-width: 992px) {
	.nav-small #nav-col {
		width: 74px;
	}

	.nav-small #content-wrapper {
		margin-left: 74px;
	}

	.nav-small #sidebar-nav .nav>li>a {
		margin: 5px 8px;
	}

	.nav-small #sidebar-nav .nav>li>a>i {
		float: none;
	}
	.nav-small #sidebar-nav .nav>li>a>p {
		display: none;
	}

	.nav-small #sidebar-nav .nav .submenu {
		width: 146px;
	    height: auto;
	    position: relative;
	    background: rgba(90,90,90,0.9);
		left: 74px;
		position: absolute;
		top: 0;
	}
	.nav-small #sidebar-nav .nav .submenu a{
		margin: 5px 10px;
		padding: 10px 15px;
	}


}

@media (max-width: 991px) {
	.navbar-toggle {
		display: block;
	}

	#sidebar-nav.navbar-collapse {
		max-height: 336px;
	}
}

#footer-bar {
	background: #fff;
	bottom: 0;
	height: 36px;
	line-height: 36px;
	margin-left: -15px;
	margin-right: -15px;
	position: absolute;
	width: 100%;
}

@media (max-width: 767px) {
	#footer-bar {
		margin-left: -8px;
		margin-right: -8px;
	}
}

@media (max-width: 419px) {
	#footer-bar {
		margin-left: -5px;
		margin-right: -5px;
	}
}

#footer-copyright {
	text-align: center;
	margin: 0;
}

.fixed-header #header-navbar {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.fixed-header #page-wrapper {
	padding-top: 50px;
}

.fixed-footer #footer-bar {
	bottom: 0;
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 999;
}

.fixed-footer #content-wrapper {
	padding-bottom: 36px;
}

@media (min-width: 992px) {
	.fixed-leftmenu #nav-col {
		position: fixed;
		height: 100%;
	}

	.fixed-leftmenu.fixed-footer #nav-col {
		padding-bottom: 36px;
	}

	.fixed-leftmenu.fixed-header #nav-col {
		padding-bottom: 50px;
	}

	.fixed-leftmenu.fixed-header.fixed-footer #nav-col {
		padding-bottom: 86px;
	}
}

@media (max-width: 991px) {
	.fixed-header #nav-col {
		position: fixed;
		width: 100%;
	}
}

.boxed-layout #theme-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.boxed-layout #page-wrapper {
	background-color: #2c3e50;
}

.boxed-layout.fixed-header #header-navbar,.boxed-layout.fixed-footer #footer-bar {
	max-width: 1200px;
	margin: 0 auto;
}

@media (max-width: 1200px) {
	.boxed-layout #theme-wrapper,.boxed-layout.fixed-header #header-navbar,.boxed-layout.fixed-footer #footer-bar {
		max-width: 1140px;
	}
}

@media (max-width: 1199px) {
	.boxed-layout #theme-wrapper,.boxed-layout.fixed-header #header-navbar,.boxed-layout.fixed-footer #footer-bar {
		max-width: 1024px;
	}
}

.emerald-bg {
	background-color: #3498db!important;
}

.red-bg {
	background-color: #e74c3c!important;
}

.yellow-bg {
	background-color: #f1c40f!important;
}

.green-bg {
	background-color: #2ecc71!important;
}

.purple-bg {
	background-color: #9b59b6!important;
}

.gray-bg {
	background-color: #95a5a6!important;
}

.white-bg {
	background-color: #ffffff!important;
}

.emerald {
	color: #3498db!important;
}

.red {
	color: #e74c3c!important;
}

.yellow {
	color: #f1c40f!important;
}

.green {
	color: #2ecc71!important;
}

.purple {
	color: #9b59b6!important;
}

.gray {
	color: #95a5a6!important;
}

.status-green {
	color: #005826;
}

.status-red {
	color: #9e0b0f;
}

.txt-white {
	color: #fff!important;
}

.txt-white-hover:hover {
	color: #fff!important;
}

.mrg-b-xs {
	margin-bottom: 3px;
}

.mrg-b-sm {
	margin-bottom: 6px;
}

.mrg-b-md {
	margin-bottom: 10px;
}

.mrg-b-lg {
	margin-bottom: 20px;
}

.mrg-t-xs {
	margin-top: 3px;
}

.mrg-t-sm {
	margin-top: 6px;
}

.mrg-t-md {
	margin-top: 10px;
}

.mrg-t-lg {
	margin-top: 20px;
}

.mrg-r-xs {
	margin-right: 3px;
}

.mrg-r-sm {
	margin-right: 6px;
}

.mrg-r-md {
	margin-right: 10px;
}

.mrg-r-lg {
	margin-right: 20px;
}

.mrg-l-xs {
	margin-left: 3px;
}

.mrg-l-sm {
	margin-left: 6px;
}

.mrg-l-md {
	margin-left: 10px;
}

.mrg-l-lg {
	margin-left: 20px;
}

.btn {
	background-color: transparent;
	border-color: #888;
	color: #888;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle {
  background-color: transparent;
  color: #797979;
  border-color: #797979;
}
.btn-default {
	background-color: #888;
	color: #fff;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .open > .btn.btn-default.dropdown-toggle {
	background-color: #797979;
	color: #fff;
}
.btn-default .caret {
	border-top-color: #fff;
}

.btn.btn-primary  {
	color: #fff;
	background-color: #447df7;
	border-color: #447df7;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .open > .btn.btn-primary.dropdown-toggle {
	background-color: #2c6cf6;
	color: #fff;
}

.btn.btn-info {
	color: #fff;
	background-color: #23ccef;
	border-color: #23ccef;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .open > .btn.btn-info.dropdown-toggle {
	background-color: #11bfe3;
	color: #fff;
}
.btn-success {
	color: #fff;
	background-color: #2ecc71;
	border-color: #2ecc71;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-info.success, .open > .btn.btn-success.dropdown-toggle  {
	background-color: #27ae60;
	border-color: #2ecc71;
	color: #fff;
}
.btn.btn-danger {
  color: #fff;
  background-color: #fb404b;
  border-color: #fb404b;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .open > .btn.btn-danger.dropdown-toggle {
  background-color: #fa1825;
  color: #fff;
}
.btn.btn-warning {
  color: #fff;
  background-color: #ffa534;
  border-color: #ffa534;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .open > .btn.btn-warning.dropdown-toggle {
  background-color: #ff9510;
  color: #fff;
}
.btn-link {
	border: none;
}

.icon-box {
	margin-top: 5px;
}

.icon-box .btn {
	border: 1px solid #e1e1e1;
	margin-left: 3px;
	margin-right: 0;
}

.icon-box .btn:hover {
	background-color: #eee;
	color: #3498db;
}

.label {
	border-radius: 3px;
	background-clip: padding-box;
	font-weight: 600;
}

.label-default,.fc-event.label-default {
	background-color: #888;
}

.label-primary,.fc-event.label-primary {
	background-color: #447df7;
}

.label-success,.fc-event.label-success {
	background-color: #2ecc71;
}

.label-info,.fc-event.label-info {
	background-color: #23ccef;
}

.label-warning,.fc-event.label-warning {
	background-color: #ffa534;
}

.label-danger,.fc-event.label-danger {
	background-color: #fb404b;
}

.label.label-large {
	font-size: 1em;
	padding: 0.4em 0.8em 0.5em;
}

.label.label-circle {
	border-radius: 50%;
	background-clip: padding-box;
	padding: 4px!important;
}


.alert {
	border: 0 none;
}

.alert-warning {
	background: #ffbc67;
	color: #fff;
}

.alert-danger {
	background: #fc727a;
	color: #fff;
}

.alert-info {
	background: #6addf4;
	color: #fff;
}

.pagination {
	margin: 5px 0;
}

.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-radius: 3px;
	background-clip: padding-box;
}

.pagination>li>a,.pagination>li>span,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus,.pagination>li>a:active,.pagination>li>span:active {
	color: #666;
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
	background-color: #23ccef;
	border-color: #23ccef;
}
.pagination + .form-inline {
	display: inline-block;
	vertical-align: top;
	margin: 5px 0;
	margin-left: 10px
}
.pagination + .form-inline .form-control{
	text-align: center;
	width: 60px;
}
.table-responsive .total-label {
	float: right;
	margin: 5px 0;
	margin-right: 20px;
	line-height: 36px;
	color: #999;
}
.table-responsive .total-label b {
	color: #447df7;
	font-size: 18px;
	margin: 0 3px;
} 
a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus {
	background-color: #23ccef;
	border-color: #23ccef;
}

.badge.badge-danger {
	background-color: #e74c3c;
}

.badge.badge-success {
	background-color: #2ecc71;
}

.badge.badge-warning {
	background-color: #f1c40f;
}

.badge.badge-primary {
	background-color: #3498db;
}

.badge.badge-info {
	background-color: #9b59b6;
}

.nav-tabs {
	margin-bottom: 15px;
}

.nav-tabs>li>a {
	color: #999;
}



.main-box .tabs-header {
	min-height: 50px;
	padding: 10px 20px;
}

.main-box .tab-content-body {
	padding: 0 20px 20px 20px;
	margin-bottom: 0;
}

.tabs-wrapper.tabs-no-header .tab-content {
	padding: 0 20px 20px;
}

.accordion .panel-title>a {
	display: block;
	position: relative;
	outline: none;
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 15px;
}

.accordion .panel-title>a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.accordion .panel-title>a:after {
	content: "\f068";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin-top: -5px;
	font-size: 0.75em;
	position: absolute;
	right: 0;
	top: 50%;
}

.accordion .panel-title>a.accordion-toggle.collapsed:after {
	content: "\f067";
}

.accordion .panel-title>a.accordion-toggle>i {
	width: 24px;
	text-align: center;
	padding-right: 6px;
}

.progress {
	background-color: #eee;
	border-radius: 0;
	background-clip: padding-box;
	height: 8px;
	margin-bottom: 12px;
	box-shadow: none;
}

.progress-bar {
	background-color: #3498db;
	box-shadow: none;
}

.progress-bar-success {
	background-color: #2ecc71;
}

.progress-bar-info {
	background-color: #9b59b6;
}

.progress-bar-warning {
	background-color: #f1c40f;
}

.progress-bar-danger {
	background-color: #e74c3c;
}

.progress.progress-2x {
	height: 12px;
}

.progress.progress-3x {
	height: 16px;
}

.progress.progress-4x {
	height: 20px;
}

.popover-content {
}

.modal-content {
	border-radius: 0;
	background-clip: padding-box;
}

blockquote,blockquote.pull-right {
	border-color: #3498db;
	padding: 10px 20px 10px 40px;
}

blockquote.pull-right {
	padding-left: 20px;
	padding-right: 40px;
}

blockquote p {
	font-style: italic;
}

blockquote:before {
	content: "\f10d";
	color: #c2c2c2;
	display: inline;
	font-family: FontAwesome;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	height: auto;
	line-height: normal;
	margin-left: -28px;
	margin-top: 0;
	position: absolute;
	width: auto;
}

blockquote.pull-right:before {
	margin-left: 0;
	right: 50px;
}

.breadcrumb {
	background: none;
	margin-bottom: 0;
}

.breadcrumb>li {
	text-transform: uppercase;
	color: #262626;
	margin-left: 8px;
}

.breadcrumb>li span {
	padding-left: 8px;
}

.breadcrumb>li a {
	color: #262626;
}

.breadcrumb>li+li:before {
	color: #262626;
	font-family: FontAwesome;
	content: "\f105";
}

.breadcrumb>.active {
	font-weight: 600;
	text-transform: none;
	color: #262626;
}

.breadcrumb>li:first-child {
	margin-left: 0;
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
	background-color: #f3f3f3;
}

.table thead>tr>th {
	border-bottom: 2px solid #ddd;
	text-transform: uppercase;
}

.table thead>tr>th>a span {
	color: #344644;
}

.table tbody>tr>td {
	vertical-align: middle;
	padding: 12px 8px;
}

.table tbody>tr>td:first-child {
	font-size: 1.125em;
	font-weight: 300;
}

.table tbody>tr td .call-type {
	display: block;
	font-size: 0.75em;
	text-align: center;
}

.table tbody>tr td .first-line {
	line-height: 1.5;
	font-weight: 400;
	font-size: 1.125em;
}

.table tbody>tr td .first-line span {
	color: #969696;
	font-weight: 300;
}

.table tbody>tr td .second-line {
	line-height: 1.2;
}

.table tbody>tr td p:last-child {
	margin-bottom: 0;
}

.table a.table-link {
	margin: 3px;
	opacity: 0.4;
	display: inline-block;
	text-align: center;
}

.table a.table-link:hover {
	text-decoration: none;
}

.table tr:hover a.table-link {
	opacity: 1;
}

.dataTable thead th:hover {
	color: #3498db;
}

.table thead>tr>th>a span:after,.dataTable .sorting:after,.dataTable .sorting_asc:after,.dataTable .sorting_desc:after {
	content: "\f0dc";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin-left: 5px;
	font-size: 0.75em;
}

.table thead>tr>th>a:hover {
	text-decoration: none;
}

.table thead>tr>th>a.asc span:after,.dataTable .sorting_desc:after {
	content: "\f0dd";
}

.table thead>tr>th>a.desc span:after,.dataTable .sorting_asc:after {
	content: "\f0de";
}

.table thead>tr>th>a:hover span {
	text-decoration: none;
	color: #3498db;
	border-color: #3498db;
}

.table.table-hover tbody>tr>td {
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
}

.table-products tbody>tr>td {
	background: none;
	border: none;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
	position: relative;
}

.table-products tbody>tr:hover>td {
	text-decoration: none;
	background-color: #f6f6f6;
}

.table-products .name {
	display: block;
	font-weight: 600;
	padding-bottom: 7px;
}

.table-products .price {
	display: block;
	text-decoration: none;
	width: 50%;
	float: left;
}

.table-products .price>i {
	color: #2ecc71;
}

.table-products .warranty {
	display: block;
	text-decoration: none;
	width: 50%;
	float: left;
}

.table-products .warranty>i {
	color: #f1c40f;
}

.table-stats .status-social-icon {
	font-size: 1.9em;
	vertical-align: bottom;
}

.table-stats .table-line-fb .status-social-icon {
	color: #556484;
}

.table-stats .table-line-twitter .status-social-icon {
	color: #5885b8;
}

.table-stats .table-line-plus .status-social-icon {
	color: #a75d54;
}

.dataTables_length {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 30px;
	float: left;
}

@media (max-width: 767px) {
	.dataTables_length {
		display: none;
	}
}

.dataTables_filter {
	float: right;
	margin-top: 10px;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.dataTables_filter {
		display: none;
	}
}

.dataTables_filter input {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.DTTT {
		display: none;
	}
}

.DTTT.btn-group {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}

.DTTT.btn-group a.btn {
	height: 30px;
	line-height: 16px;
}

.user-list tbody td>img {
	position: relative;
	max-width: 50px;
	float: left;
	margin-right: 15px;
}

.user-list tbody td .user-link {
	display: block;
	font-size: 1.25em;
	padding-top: 3px;
	margin-left: 60px;
}

.user-list tbody td .user-subhead {
	font-style: italic;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	font-weight: 400;
}
.form-group label em{
	color: #f44336;
	margin-right: 3px;
}

.form-control {
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: none;
}

.form-control:focus {
	border-color: rgba(52,151,219,0.6);
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(52,152,219,0.6);
}

.form-inline-box {
	background: none repeat scroll 0 0 #F6F6F6;
	border: 1px solid #e7ebee;
	padding: 7px;
}

.radio {
	padding-left: 2px;
}

input[type="radio"] {
	line-height: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.input-group label.radio-inline {
	padding-top: 0;
}


.input-group>.form-control,.input-group>.input-group-addon,.input-group>.input-group-btn>.btn {
	line-height: 1;
}

.input-group>.input-group-btn>.btn {
	border: 0;
	height: 34px;
}
.dropdown-menu {
	border-radius: 3px;
	background-clip: padding-box;
}

.help-block {
	font-size: 12px;
	margin-bottom: 0;
	padding-left: 12px;
}

.checkbox-inline>input {
	margin-top: 0;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
	background-color: #3498db;
}

.bootstrap-timepicker-widget table td input {
	border: 1px solid #ccc;
	width: 30px!important;
	height: 30px;
}

.tt-query {
	box-shadow: none!important;
}

.wysiwyg-editor {
	max-height: 250px;
	height: 250px;
	background-color: #fff;
	border-collapse: separate;
	border: 1px solid #e7ebee;
	border-radius: 3px;
	background-clip: padding-box;
	padding: 10px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	overflow: scroll;
	outline: none;
}

.btn-toolbar.editor-toolbar {
	margin-bottom: 7px;
}

.checkbox-nice {
	position: relative;
	padding-left: 15px;
}
.checkbox-nice.checkbox-inline{
	padding-top: 0;
}
.checkbox-nice input[type=checkbox] {
	visibility: hidden;
}

.checkbox-nice label {
	padding-top: 3px;
}

.checkbox-nice.checkbox-inline>label {
	margin-left: 16px;
}

.checkbox-nice label:before {
	cursor: pointer;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 1px;
	top: 1px;
	background: #ffffff;
	content: "";
	border: 1px solid #e7ebee;
	border-radius: 3px;
	background-clip: padding-box;
}

.checkbox-nice label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 7px;
	background: transparent;
	top: 7px;
	left: 6px;
	border: 3px solid #3498db;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox-nice label:hover::after {
	opacity: 0.3;
}

.checkbox-nice input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.input-group label.checkbox-inline{
	padding-top: 0;
}
.input-group label.checkbox-inline input[type=checkbox]{
	margin-top: 4px;
}
.onoffswitch {
	position: relative;
	width: 90px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-right: 20px;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #999999;
	border-radius: 20px;
	background-clip: padding-box;
}

.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
}

.onoffswitch-inner:before,.onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet,Arial,sans-serif;
	font-weight: bold;
}

.onoffswitch-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #3498db;
	color: #FFFFFF;
}

.onoffswitch.onoffswitch-success .onoffswitch-inner:before {
	background-color: #2ecc71;
}

.onoffswitch.onoffswitch-danger .onoffswitch-inner:before {
	background-color: #e74c3c;
}

.onoffswitch.onoffswitch-warning .onoffswitch-inner:before {
	background-color: #f1c40f;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #EEEEEE;
	color: #999999;
	text-align: right;
}

.onoffswitch-switch {
	width: 18px;
	margin: 6px;
	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 20px;
	background-clip: padding-box;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.typeahead,.tt-query,.tt-hint {
	width: 400px;
}

@media only screen and (max-width: 480px) {
	.typeahead,.tt-query,.tt-hint {
		width: 100%;
	}
}

.twitter-typeahead {
	display: block!important;
}

.typeahead {
	background-color: #fff;
}

.typeahead:focus {
	border: 2px solid #0097cf;
}

.tt-query {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.tt-hint {
	color: #999;
	padding-top: 5px;
	padding-left: 11px;
}

.tt-dropdown-menu {
	width: 422px;
	margin-top: 12px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	border-radius: 3px;
	background-clip: padding-box;
}

@media only screen and (max-width: 480px) {
	.tt-dropdown-menu {
		width: 100%;
	}
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 1em;
	line-height: 20px;
}

.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #3498db;
}

.tt-suggestion p {
	margin: 0;
}

.gist {
	font-size: 12px;
}

.example-twitter-oss .tt-suggestion {
	padding: 8px 20px;
}

.example-twitter-oss .tt-suggestion+.tt-suggestion {
	border-top: 1px solid #ccc;
}

.example-twitter-oss .repo-language {
	float: right;
	font-style: italic;
	font-size: 12px;
}

.example-twitter-oss .repo-name {
	font-weight: bold;
}

.example-twitter-oss .repo-description {
	font-size: 12px;
}

.slider-vertical {
	height: 200px;
	float: left;
	margin-right: 20px;
}

.datepicker td,.datepicker th,.daterangepicker td,.daterangepicker th {
	text-transform: uppercase;
}

.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active[disabled],.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled[disabled]:hover {
	background: #3498db!important;
}

.daterangepicker td.active,.daterangepicker td.active:hover {
	background: #3498db!important;
}

.daterangepicker td.in-range {
	background: #dceffc!important;
}

.daterangepicker .ranges li {
	border-radius: 0!important;
	background-clip: padding-box;
	color: #3498db!important;
}

.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover {
	background-color: #3498db!important;
	border-color: #3498db!important;
	color: #fff!important;
}

.daterangepicker .range_inputs button.applyBtn {
	min-width: 74px;
	margin-right: 7px;
}

.daterangepicker .range_inputs button.cancelBtn {
	min-width: 74px;
}

#gallery-photos-wrapper {
	position: relative;
}

.gallery-photos {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.gallery-photos li {
	float: left;
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
	overflow: hidden;
	position: relative;
}

.gallery-photos li .photo-box {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-width: 100px;
	min-height: 100px;
	padding-top: 98%;
	display: block;
}

.gallery-photos li .photo-box.image-link {
	padding-top: 68%;
}

.gallery-photos li:hover .photo-box:after {
	background: rgba(0,0,0,0.4);
	position: absolute;
	content: "";
	top: 0;
	right: 8px;
	bottom: 0;
	left: 8px;
}

.gallery-photos.gallery-photos-hover {
	cursor: move;
}

.gallery-photos .remove-photo-link {
	cursor: pointer;
	display: none;
	left: 50%;
	margin-left: -18.5px;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -18.5px;
}

.gallery-photos .thumb-meta-time {
	bottom: 10px;
	color: #eee;
	font-size: 0.75em;
	left: 18px;
	position: absolute;
}

.gallery-photos li .remove-photo-link .icon-stack {
	font-size: 2em;
}

.gallery-photos.gallery-photos-hover li:hover .remove-photo-link {
	display: block;
}

.dd {
	position: relative;
	display: block;
	list-style: none;
	font-size: 13px;
	line-height: 20px;
}

@media only screen and (min-width: 700px) {
	.dd {
		float: left;
		width: 48%;
	}
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dd-list .dd-list {
	padding-left: 30px;
}

.dd-collapsed .dd-list {
	display: none;
}

.dd-item,.dd-empty,.dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px;
}

.dd-handle-list {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #E1E1E1;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 1em;
	color: #000000;
	text-align: center;
	border: 1px solid #E1E1E1;
	padding-top: 4px;
}

.dd-handle {
	background: none repeat scroll 0 0 #F6F6F8;
	border: 1px solid #e1e1e1;
	border-radius: 0;
	background-clip: padding-box;
	color: #000000;
	display: block;
	font-weight: 700;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px;
	text-decoration: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dd-handle:hover {
	color: #3498db;
	background: #fff;
}

.dd-handle .nested-links {
	float: right;
}

.dd-handle .nested-links .nested-link {
	margin: 0 2px;
}

.dd-handle .nested-links .nested-link:last-child {
	margin-right: 0;
}

.dd-handle .nested-links .nested-link i {
	font-size: 1.25em;
}

.dd-item-list .dd-handle {
	padding-left: 40px;
}

.dd-item>button {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 5px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

.dd-item>button:before {
	content: '+';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
}

.dd-item>button[data-action="collapse"]:before {
	content: '-';
}

.dd-placeholder,.dd-empty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dd-empty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
	background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
	background-size: 60px 60px;
	background-position: 0 0,30px 30px;
}

.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
}

.dd-dragel>.dd-item .dd-handle {
	margin-top: 0;
}

.dd-dragel .dd-handle {
	box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.1);
}

.nestable-lists {
	display: block;
	clear: both;
	padding: 30px 0;
	width: 100%;
}

.nestable-lists .dd-placeholder {
	background: #E9FDFB;
	border-color: #2980b9;
}

.dd-hover>.dd-handle {
	background: #2ea8e5!important;
}

@media only screen and (min-width: 700px) {
	.dd+.dd {
		margin-left: 2%;
	}
}

#login-page .background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-image: url(../../images/login.jpeg);
}
#login-page:before {
  background-color: rgba(0, 0, 0, 0.4);
}
#login-page:after, #login-page:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#login-box {
	max-width: 350px;
	min-width: 280px;
	margin: 160px auto 20px;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	z-index: 3;
	position: relative;
}

@media only screen and (max-width: 767px) {
	#login-box {
		margin-top: 60px;
	}
}

#login-box #login-box-header>div {
	height: 100%;
	width: 16.6667%;
	float: left;
}

#login-box-inner {
	background: #fff;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
	padding: 40px 25px;
}

#login-box-inner.with-heading {
	padding-top: 20px;
}

#login-box-inner h4 {
	margin-top: 0;
	margin-bottom: 10px;
}

#login-box-inner .reset-pass-input {
	padding: 15px 0;
	margin-bottom: 0;
}

#login-logo {
	background: none repeat scroll 0 0 #383838;
	color: #fff;
	display: block;
	font-size: 2em;
	font-weight: 400;
	padding: 35px 0;
	text-align: center;
	text-transform: uppercase;
}

#login-logo>img {
	display: block;
	height: 40px;
	margin: 0 auto;
}

#login-logo>span {
	display: block;
	font-size: 0.6em;
	font-weight: 300;
	text-transform: none;
}

#login-box .input-group {
	margin-bottom: 10px;
}

#login-box .input-group input {
	font-weight: 300;
}

#login-box .input-group .input-group-addon {
	padding-left: 0;
	padding-right: 0;
	min-width: 50px;
}

#login-box .input-group .input-group-addon i {
	color: #999;
	font-size: 18px;
}

#login-box #login-forget-link {
	display: block;
	text-align: right;
	margin-top: 3px;
}

#login-box #remember-me-wrapper {
	padding: 10px 0;
}

#login-box .btn {
	font-size: 1.125em;
	font-weight: 600;
	padding-bottom: 10px;
	padding-top: 10px;
	text-transform: uppercase;
	margin-top: 8px;
}

#login-box .form-group {
	margin-bottom: 7px;
}

#login-box .form-group .checkbox label {
	padding-left: 7px;
}

#login-box .form-group .checkbox input {
	margin-left: 0;
}

#login-box .btn-facebook,#login-box .btn-twitter {
	text-transform: none;
	font-size: 1em;
	margin-bottom: 10px;
}

#login-box .social-text {
	margin: 0;
	padding: 15px 0;
	text-align: center;
}

#login-box-inner .input-group>.form-control,#login-box-inner .input-group>.input-group-addon {
	height: 46px;
	padding-top: 0;
	padding-bottom: 0;
}

#login-box-inner .input-group>.input-group-addon {
	height: 44px;
}

#login-box-footer {
	text-align: center;
	margin-top: 10px;
}

#login-full-wrapper #login-box-footer {
	color: #fff;
}

#login-full-wrapper #login-box-footer a {
	color: #fff;
	text-decoration: underline;
}

#login-full-wrapper #login-box-footer a:hover {
	text-decoration: none;
}

#login-page .login-create,#login-page-full .login-create {
	margin-bottom: 20px;
}

#login-full-wrapper {
	background: url(../../images/login-img.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
}

@media (max-height: 605px) {
	#login-full-wrapper {
		position: relative;
	}
}

@media (max-height: 621px) and (max-width: 767px) {
	#login-full-wrapper {
		position: relative;
	}
}

#login-full-wrapper #login-box {
	border: none;
}

#login-page-full .container {
	max-width: 1440px;
	margin: 0 auto;
}

#login-page-full .login-full-create {
	margin-right: 20px;
	line-height: 50px;
}

#login-full-left {
	margin-top: 50px;
	margin-bottom: 20px;
}

#login-full-left h1 {
	text-align: center;
	color: #363636;
	font-weight: 600;
	margin-bottom: 40px;
}

#login-full-left h2 {
	text-align: center;
	margin-top: 30px;
}

#login-full-left p.login-full-devices {
	margin-top: 30px;
}

#login-full-left .login-full-features {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#login-full-left .login-full-features>li {
	display: inline-block;
	margin: 0 8px;
}

#login-full-left .login-full-features>li>i {
	display: block;
	text-align: center;
	font-size: 1.6em;
	margin-bottom: 4px;
}

#login-full-left .login-full-features>li>span {
	display: block;
	text-align: center;
	line-height: 1.2;
}

@media (max-height: 605px) {
	#login-full-wrapper.reset-password-wrapper {
		position: absolute;
	}
}

@media (max-height: 505px) {
	#login-full-wrapper.reset-password-wrapper {
		position: relative;
	}
}

#lock-screen-user img {
	border-radius: 50%;
	background-clip: padding-box;
	display: block;
	height: 100px;
	margin: 0 auto;
	width: 100px;
}

#lock-screen-user .user-box .name {
	display: block;
	font-size: 1.3em;
	padding: 10px 0 40px;
	text-align: center;
}

#pwindicator {
	margin-top: 15px;
	margin-bottom: 5px;
	width: 150px;
}

.pwdindicator .bar {
	height: 4px;
}

.pwdindicator.pw-very-weak .bar {
	background: #fb241f;
	width: 30px;
}

.pwdindicator.pw-very-weak .pwdstrength-label {
	color: #fb241f;
}

.pwdindicator.pw-weak .bar {
	background: #e74c3c;
	width: 60px;
}

.pwdindicator.pw-weak .pwdstrength-label {
	color: #e74c3c;
}

.pwdindicator.pw-mediocre .bar {
	background: #f1c40f;
	width: 90px;
}

.pwdindicator.pw-mediocre .pwdstrength-label {
	color: #f1c40f;
}

.pwdindicator.pw-strong .bar {
	background: #f3b31a;
	width: 120px;
}

.pwdindicator.pw-strong .pwdstrength-label {
	color: #f3b31a;
}

.pwdindicator.pw-very-strong .bar {
	background: #2ecc71;
	width: 150px;
}

.pwdindicator.pw-very-strong .pwdstrength-label {
	color: #2ecc71;
}

.pricing-package {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pricing-package .pricing-package-inner {
	color: #7d7d7d;
	position: relative;
	-webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
	transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
}

.pricing-package .pricing-star {
	background: url(../../img/pricing-star.png) no-repeat;
	position: absolute;
	width: 39px;
	height: 40px;
	color: #fff;
	font-size: 0.65em;
	text-align: center;
	line-height: 1.1;
	padding-top: 9px;
	right: -10px;
	top: -20px;
}

.pricing-package .package-header {
	background: #3498db;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
}

.pricing-package .package-header h3 {
	height: 36px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 2px 0 0;
	border: 0;
	font-size: 1.5em;
}

.pricing-package .package-header .stars {
	color: #fff;
	text-align: center;
	padding-top: 8px;
}

.pricing-package .package-content {
	padding: 0 14px;
	margin: 0;
	border: 1px solid #e7ebee;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
}

.pricing-package .package-content .package-price {
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	height: 75px;
	line-height: 75px;
}

.pricing-package .package-content .package-price .package-month {
	font-size: 0.6em;
	font-weight: normal;
}

.pricing-package .package-top-features {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pricing-package .package-top-features li {
	border-bottom: 1px solid #e7ebee;
	text-align: center;
	font-size: 1.125em;
	line-height: 1.5;
	padding: 8px 0;
}

.pricing-package .package-top-features li:first-child {
	border-top: 1px solid #e7ebee;
}

.pricing-package .package-features {
	list-style: none;
	margin: 0;
	padding: 15px 0;
	position: relative;
}

.pricing-package .package-features li {
	padding: 4px 0;
	line-height: 1.3;
	color: #cccccc;
	padding-left: 25px;
}

.pricing-package .package-features li.has-feature {
	color: #7d7d7d;
	-webkit-transition: color 0.1s ease-in-out 0s;
	transition: color 0.1s ease-in-out 0s;
}

.pricing-package .package-features li.has-feature:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.3em;
	text-decoration: inherit;
	color: #2ecc71;
	margin-top: -2px;
	position: absolute;
	left: 0;
}

.pricing-package .package-features li.has-nofeature:before {
	content: "\f00d";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 1.3em;
	text-decoration: inherit;
	color: #e74c3c;
	margin-top: -2px;
	position: absolute;
	left: 0;
}

.pricing-package .package-footer {
	text-align: center;
	padding-top: 16px;
}

.pricing-package .package-footer .btn>span {
	padding-right: 6px;
	-webkit-transition: color 0.1s ease-in-out 0s;
	transition: color 0.1s ease-in-out 0s;
}

.pricing-package .package-footer .btn:hover>span {
	color: #fff;
}

.pricing-package.simple .package-header h3 {
	font-size: 1.3em;
	padding: 0;
	line-height: 42px;
	height: 42px;
}

.pricing-package.simple .package-content .package-price {
	font-size: 1.8em;
	height: 60px;
	line-height: 60px;
}

.pricing-package.simple .package-top-features li {
}

.pricing-package.simple .package-top-features li:last-child {
	border-bottom: 0;
}

.pricing-package:hover .pricing-package-inner {
	background-color: #fcfcfc;
	color: #344644;
}

.pricing-package:hover .package-features li.has-feature {
	color: #344644;
}

#invoice-companies {
	border: 1px solid #e7ebee;
	border-left: 0;
	border-right: 0;
	margin: 20px -20px;
}

@media (max-width: 419px) {
	#invoice-companies {
		margin-left: -10px;
		margin-right: -10px;
	}
}

#invoice-companies .invoice-box {
	border-right: 1px solid #e7ebee;
	padding: 25px 20px;
	height: 100%;
	min-height: 165px;
}

@media only screen and (max-width: 767px) {
	#invoice-companies .invoice-box {
		border-bottom: 1px solid #e7ebee;
		border-right: 0;
		border-left: 0;
	}
}

#invoice-companies .invoice-box.invoice-box-dates {
	border-right: 0;
}

@media only screen and (max-width: 767px) {
	#invoice-companies .invoice-box.invoice-box-dates {
		border-bottom: 0;
	}
}

#invoice-companies .invoice-icon {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	color: #e7ebee;
	text-align: center;
}

#invoice-companies .invoice-icon>i {
	font-size: 2.4em;
	display: block;
}

#invoice-companies .invoice-company {
	float: left;
}

#invoice-companies .invoice-company h4 {
	font-size: 1.4em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#invoice-companies .invoice-dates {
		padding-top: 15px;
	}
}

#invoice-companies .invoice-dates .invoice-date>strong {
	text-transform: uppercase;
	line-height: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#invoice-companies .invoice-dates .invoice-date>strong {
		line-height: 22px;
	}
}

#invoice-companies .invoice-dates .invoice-date>span {
	font-size: 1.3em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#invoice-companies .invoice-dates .invoice-date>span {
		font-size: 1.1em;
	}
}

#invoice-companies .invoice-dates .invoice-date.invoice-due-date>span {
	font-weight: bold;
}

#invoice-companies .invoice-dates .invoice-number>strong {
	text-transform: uppercase;
	line-height: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#invoice-companies .invoice-dates .invoice-number>strong {
		line-height: 33px;
	}
}

#invoice-companies .invoice-dates .invoice-number>span {
	color: #3498db;
	font-size: 1.9em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#invoice-companies .invoice-dates .invoice-number>span {
		font-size: 1.4em;
	}
}

.invoice-box-total {
	line-height: 1.8;
	border: 1px solid #e7ebee;
	border-right: 0;
	border-left: 0;
	padding: 20px 0;
}

.invoice-box-total .invoice-box-total-label {
	font-size: 1.125em;
}

.invoice-box-total .invoice-box-total-value {
	font-size: 1.125em;
}

.invoice-box-total .grand-total {
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: bold;
}

.invoice-summary {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: -3px;
	margin-right: -3px;
}

.invoice-summary>div {
	padding-left: 3px;
	padding-right: 3px;
}

.invoice-summary .invoice-summary-item {
	background: #dceffc;
	text-align: center;
	padding: 10px 0;
	margin-top: 3px;
	margin-bottom: 3px;
}

.invoice-summary .invoice-summary-item>span {
	font-size: 0.75em;
}

.invoice-summary .invoice-summary-item>div {
	font-size: 1.125em;
}

#user-profile h2 {
	padding-right: 15px;
}

#user-profile .profile-status {
	font-size: 0.75em;
	margin-top: -10px;
	padding-bottom: 10px;
	color: #2ecc71;
}

#user-profile .profile-status.offline {
	color: #e74c3c;
}

#user-profile .profile-img {
	border-radius: 50%;
	background-clip: padding-box;
	margin-bottom: 15px;
}

#user-profile .profile-label {
	text-align: center;
	padding: 5px 0;
}

#user-profile .profile-label.label {
	padding: 5px 15px;
	font-size: 1em;
}

#user-profile .profile-stars {
	color: #FABA03;
	padding: 7px 0;
	text-align: center;
}

#user-profile .profile-stars>i {
	margin-left: -2px;
}

#user-profile .profile-since {
	text-align: center;
	margin-top: -5px;
}

#user-profile .profile-details {
	padding: 15px 0;
	border-top: 1px solid #e7ebee;
	border-bottom: 1px solid #e7ebee;
	margin: 15px 0;
}

#user-profile .profile-details ul {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

#user-profile .profile-details ul>li {
	margin: 3px 0;
	line-height: 1.5;
}

#user-profile .profile-details ul>li>i {
	padding-top: 2px;
}

#user-profile .profile-details ul>li>span {
	color: #3498db;
}

#user-profile .profile-header {
	position: relative;
}

#user-profile .profile-header>h3 {
	margin-top: 10px;
}

#user-profile .profile-header .edit-profile {
	margin-top: -6px;
	position: absolute;
	right: 0;
	top: 0;
}

@media only screen and (max-width: 419px) {
	#user-profile .profile-header .edit-profile {
		display: block;
		position: relative;
		margin-bottom: 15px;
	}
}

#user-profile .profile-tabs {
}

#user-profile .profile-user-info {
	padding-bottom: 20px;
	padding-top: 10px;
}

#user-profile .profile-user-info .profile-user-details {
	position: relative;
	padding: 4px 0;
}

#user-profile .profile-user-info .profile-user-details .profile-user-details-label {
	width: 110px;
	float: left;
	bottom: 0;
	font-weight: bold;
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 110px;
	padding-top: 4px;
}

@media only screen and (max-width: 767px) {
	#user-profile .profile-user-info .profile-user-details .profile-user-details-label {
		float: none;
		position: relative;
		text-align: left;
	}
}

#user-profile .profile-user-info .profile-user-details .profile-user-details-value {
	margin-left: 120px;
}

@media only screen and (max-width: 767px) {
	#user-profile .profile-user-info .profile-user-details .profile-user-details-value {
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	#user-profile .profile-social {
		margin-top: 20px;
	}
}

#user-profile .profile-social li {
	padding: 4px 0;
}

#user-profile .profile-social li>i {
	padding-top: 6px;
}

@media only screen and (max-width: 419px) {
	#user-profile .profile-message-btn .btn {
		display: block;
	}
}

#user-profile .table tbody tr td {
	padding-bottom: 20px;
	padding-top: 20px;
}

#user-profile .table tbody tr:first-child td {
	border-top: none;
}

#newsfeed .story {
	padding: 40px 0;
	margin: 0 20px;
	border-bottom: 1px solid #e7ebee;
}

#newsfeed .story:last-child {
	border-bottom: 0;
}

@media (max-width: 767px) {
	#newsfeed .story {
		padding: 20px 0;
		margin: 0;
	}
}

#newsfeed .story-user {
	position: absolute;
}

#newsfeed .story-user a {
	display: block;
}

#newsfeed .story-user a img {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-clip: padding-box;
}

@media (max-width: 767px) {
	#newsfeed .story-user a img {
		width: 30px;
		height: 30px;
	}
}

#newsfeed .story-content {
	padding-left: 100px;
	position: relative;
}

@media (max-width: 767px) {
	#newsfeed .story-content {
		padding-left: 40px;
	}
}

#newsfeed .story-content .story-header .story-author {
	font-weight: 300;
}

#newsfeed .story-content .story-header .story-author a {
	font-weight: 400;
}

#newsfeed .story-content .story-header .story-time {
	color: #999;
	font-size: 0.75em;
	position: absolute;
	right: 0px;
	top: 0;
}

@media (max-width: 1170px) {
	#newsfeed .story-content .story-header .story-time {
		position: relative;
		padding-top: 2px;
	}
}

#newsfeed .story-content .story-inner-content {
	color: #6c6f75;
	padding: 12px 0;
}

#newsfeed .story-content .story-footer {
}

#newsfeed .story-content .story-footer .story-comments-link {
	color: #344644;
	margin-right: 10px;
}

#newsfeed .story-content .story-footer .story-comments-link:hover {
	color: #161e1d;
	text-decoration: none;
}

#newsfeed .story-content .story-footer .story-likes-link {
	color: #e74c3c;
}

#newsfeed .story-content .story-footer .story-likes-link:hover {
	color: #c0392b;
	text-decoration: none;
}

#newsfeed .map-content {
	width: 100%;
	height: 200px;
}

#newsfeed .story-images .story-image-link {
	display: block;
	width: 50%;
	float: left;
	padding-right: 2px;
}

@media (max-width: 767px) {
	#newsfeed .story-images .story-image-link {
		width: 50%;
	}
}

#newsfeed .story-images .story-image-link-small {
	width: 25%;
	padding-bottom: 2px;
}

@media (max-width: 767px) {
	#newsfeed .story-images .story-image-link-small {
		width: 50%;
	}
}

.widget-users {
	padding: 0 20px;
}

@media (max-width: 767px) {
	.widget-users {
		padding: 0 10px;
	}
}

.conversation-wrapper {
	padding: 10px 20px;
}

@media (max-width: 767px) {
	.conversation-wrapper {
		padding: 10px 5px;
	}
}

.conversation-wrapper .conversation-inner {
	padding: 0 0 5px 0;
	margin-right: 10px;
}

.conversation-wrapper .conversation-user {
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: left;
	border-radius: 50%;
	background-clip: padding-box;
	margin-top: 6px;
}

.conversation-wrapper .conversation-item {
	padding: 5px 0;
	position: relative;
}

.conversation-wrapper .conversation-item.item-right .conversation-body {
	background: #dceffc;
}

.conversation-wrapper .conversation-item.item-right .conversation-body:before {
	border-color: transparent transparent transparent #dceffc;
	left: auto;
	right: -12px;
}

.conversation-wrapper .conversation-item.item-right .conversation-user {
	float: right;
}

.conversation-wrapper .conversation-item.item-right .conversation-body {
	margin-left: 0;
	margin-right: 60px;
}

.conversation-wrapper .conversation-body {
	background: #f5f5f5;
	width: auto;
	margin-left: 60px;
	padding: 8px 10px;
	position: relative;
	border-radius: 3px;
	background-clip: padding-box;
}

.conversation-wrapper .conversation-body:before {
	border-color: transparent #f5f5f5 transparent transparent;
	border-style: solid;
	border-width: 6px;
	content: "";
	cursor: pointer;
	left: -12px;
	position: absolute;
	top: 25px;
}

.conversation-wrapper .conversation-body>.name {
	font-weight: 600;
	font-size: 1.125em;
}

.conversation-wrapper .conversation-body>.time {
	position: absolute;
	right: 10px;
	top: 0;
	margin-top: 10px;
	color: #605f5f;
	font-weight: 300;
}

.conversation-wrapper .conversation-body>.time:before {
	content: "\f017";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin-top: 4px;
}

.conversation-wrapper .conversation-body>.text {
	padding-top: 6px;
}

.conversation-wrapper .conversation-new-message {
	padding-top: 10px;
}

.widget-users {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-users li {
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0;
	height: 96px;
}

.widget-users li>.img {
	float: left;
	margin-top: 8px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	background-clip: padding-box;
}

.widget-users li>.details {
	margin-left: 60px;
}

.widget-users li>.details>.name {
	font-weight: 600;
}

.widget-users li>.details>.name>a {
	color: #344644;
}

.widget-users li>.details>.name>a:hover {
	color: #3498db;
}

.widget-users li>.details>.time {
	color: #3498db;
	font-size: 0.75em;
	padding-bottom: 7px;
}

.widget-users li>.details>.time.online {
	color: #2ecc71;
}

.infographic-box {
	padding: 20px;
}

.infographic-box i {
	font-size: 2.4em;
	display: block;
	float: left;
	margin-right: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	background-clip: padding-box;
	color: #fff;
}

.infographic-box .headline {
	display: block;
	font-size: 1.2em;
	font-weight: 300;
	text-align: right;
}

.infographic-box .value {
	font-size: 2.1em;
	font-weight: 600;
	margin-top: -5px;
	display: block;
	text-align: right;
}

.infographic-box.merged {
	border-top: 1px solid #e7ebee;
	border-right: 1px solid #e7ebee;
	width: 50%;
}

@media (max-width: 767px) {
	.infographic-box.merged {
		width: 100%;
		border-right: none;
	}
}

.infographic-box.merged .headline {
	text-align: left;
	font-size: 1em;
	margin-top: -5px;
}

.infographic-box.merged .value {
	text-align: left;
	font-size: 1.9em;
	font-weight: 400;
	margin-top: 0;
}

.infographic-box.merged.merged-top {
	border-top: none;
}

.infographic-box.merged.merged-right {
	border-right: none;
}

@media (max-width: 767px) {
	.infographic-box.merged.merged-top.merged-right {
		border-top: 1px solid #e7ebee;
	}
}

.widget-products {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-products li {
	border-bottom: 1px solid #ebebeb;
}

.widget-products li>a {
	height: 88px;
	display: block;
	width: 100%;
	color: #344644;
	padding: 3px 10px;
	position: relative;
	-webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
	transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
}

@media only screen and (max-width: 440px) {
	.widget-products li>a {
		height: auto;
		padding-bottom: 10px;
	}
}

.widget-products li>a:hover {
	color: #344644;
	text-decoration: none;
	background-color: #f6f6f6;
}

.widget-products li>a:after {
	content: "\f138";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	margin-top: 32px;
	position: absolute;
	right: 10px;
	text-decoration: inherit;
	top: 0;
	color: #cccccc;
	font-size: 1.3em;
}

@media only screen and (max-width: 440px) {
	.widget-products li>a:after {
		display: none;
	}
}

.widget-products li .img {
	display: block;
	float: left;
	text-align: center;
	width: 70px;
	height: 68px;
	overflow: hidden;
	margin-top: 7px;
}

.widget-products li .product {
	display: block;
	margin-left: 90px;
	margin-top: 19px;
}

.widget-products li .product>.name {
	display: block;
	font-weight: 600;
	padding-bottom: 7px;
}

.widget-products li .product>.price {
	display: block;
	text-decoration: none;
	width: 50%;
	float: left;
}

@media only screen and (max-width: 440px) {
	.widget-products li .product>.price {
		width: 100%;
	}
}

.widget-products li .product>.price>i {
	color: #2ecc71;
}

.widget-products li .product>.warranty {
	display: block;
	text-decoration: none;
	width: 50%;
	float: left;
}

@media only screen and (max-width: 440px) {
	.widget-products li .product>.warranty {
		clear: both;
		width: 100%;
	}
}

.widget-products li .product>.warranty>i {
	color: #f1c40f;
}

.widget-todo {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-todo>li {
	border-bottom: 1px solid #ebebeb;
	padding: 10px 5px;
}

.widget-todo>li:hover {
	background-color: #f6f6f6;
}

.widget-todo>li input:checked+label {
	text-decoration: line-through;
}

.widget-todo .name {
	float: left;
}

.widget-todo .name span.label {
	margin-left: 5px;
}

.widget-todo .actions {
	float: right;
	padding-right: 5px;
	padding-top: 2px;
}

.widget-todo .actions>a {
	margin: 0 2px;
	color: #707070;
}

.widget-todo .actions>a.badge {
	color: #fff;
}

.widget-todo .actions>a:hover {
	text-decoration: none;
	color: #3498db;
}

.widget-todo .actions>a.badge:hover {
	background-color: #fff;
}

.widget-todo .actions>a>i {
	font-size: 1.125em;
}

.graph-box {
	padding: 15px 15px;
	border-radius: 3px 0 0 3px;
	background-clip: padding-box;
}

.graph-box h2 {
	color: #fff;
	font-size: 1.6em;
	font-weight: 300;
	margin-bottom: 10px;
	margin-left: 10px;
}

.graph-box .graph .morris-hover.morris-default-style {
	background: #000;
	background: rgba(0,0,0,0.8);
	border: none;
	border-radius: 6px;
	background-clip: padding-box;
	color: #999;
}

.graph-nice-legend {
	padding-left: 15px;
	padding-top: 65px;
}

@media (max-width: 1199px) {
	.graph-nice-legend {
		padding-left: 0;
	}
}

@media (max-width: 991px) {
	.graph-nice-legend {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0;
	}
}

.graph-nice-legend .graph-legend-row {
	padding-top: 10px;
	padding-bottom: 10px;
}

.graph-nice-legend .graph-legend-name {
	display: block;
	font-size: 1.2em;
	font-weight: 300;
}

.graph-nice-legend .graph-legend-value {
	display: block;
	font-size: 2.1em;
	font-weight: 600;
}

@media (max-width: 991px) {
	.graph-nice-legend .graph-legend-row-inner {
		padding: 0 20px;
	}
}

.small-graph-box {
	padding: 20px;
	color: #fff;
}

.small-graph-box .headline {
	display: block;
	font-weight: 400;
	margin-top: -5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.small-graph-box .value {
	display: block;
	font-size: 1.9em;
	font-weight: 600;
	margin-top: -5px;
}

.small-graph-box .progress {
	background: rgba(0,0,0,0.2);
	height: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.small-graph-box .progress .progress-bar {
	background-color: #fff;
}

.small-graph-box .subinfo {
	display: block;
	padding-top: 5px;
}

.small-graph-box .subinfo i {
	font-size: 1.2em;
}

.dashboard-stats {
	margin: 20px -20px -20px;
}

@media (max-width: 419px) {
	.dashboard-stats {
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -12px;
	}
}

.chart-small {
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	outline: none;
	padding: 15px 0;
	display: block;
	text-decoration: none;
	color: #344644;
	-webkit-transition: background-color 0.1s ease-in-out 0s;
	transition: background-color 0.1s ease-in-out 0s;
}

.chart-small:last-child,.chart-small.last {
	border-right: 0;
}

@media (max-width: 767px) {
	.chart-small:nth-child(2) {
		border-right: 0;
	}
}

.chart-small:hover {
	background-color: #f9f9f9;
	text-decoration: none;
	color: #344644;
}

.chart-small .headline {
	font-weight: 600;
	font-size: 0.75em;
	padding: 0 20px;
	margin-bottom: -5px;
}

.chart-small .value {
	font-weight: 600;
	font-size: 1.9em;
	padding: 0 20px;
}

@media (max-width: 419px) {
	.chart-small .value {
		font-size: 1.6em;
	}
}

.chart-small-content {
	max-height: 100px;
	height: 50px;
	padding: 0px;
	margin: 20px 20px 0;
	position: relative;
}

.social-box-wrapper {
	box-shadow: 1px 1px 2px 0 #cccccc;
	border-radius: 2px;
	background-clip: padding-box;
	margin-bottom: 16px;
	overflow: hidden;
}

.social-box {
	color: #fff;
	padding: 15px;
	font-weight: 300;
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
}

.social-box .social-count {
	float: left;
	display: block;
	font-size: 1.8em;
	font-weight: 400;
}

.social-box .social-action {
	float: left;
	display: block;
	font-size: 1.2em;
	margin-left: 5px;
	margin-top: 9px;
}

.social-box .social-name {
	display: block;
	padding-top: 4px;
}

.social-box>i {
	font-size: 3.4em;
	text-align: right;
	display: block;
}

.social-box.facebook {
	background: #3b5998;
}

.social-box.facebook:hover {
	background-color: #2f477b;
}

.social-box.twitter {
	background: #55acee;
}

.social-box.twitter:hover {
	background-color: #4091ce;
}

.social-box.google {
	background: #dd4b39;
}

.social-box.google:hover {
	background-color: #c43a2a;
}

.profile-box .main-box-body {
	padding: 0;
}

.profile-box .profile-box-header {
	padding: 30px 20px 20px;
	text-align: center;
}

.profile-box .profile-img {
	border-radius: 50%;
	background-clip: padding-box;
	width: 130px;
	height: 130px;
}

.profile-box h2 {
	padding: 10px 0 5px;
	margin: 0;
}

.profile-box .job-position {
	font-weight: 300;
	color: #666;
}

.profile-box .profile-box-footer {
	background: #3498db;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
}

.profile-box .profile-box-footer a {
	display: block;
	background: #3498db;
	width: 33%;
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 15px 10px;
	color: #fff;
}

.profile-box .profile-box-footer a:first-child {
	border-radius: 0 0 0 3px;
	background-clip: padding-box;
}

.profile-box .profile-box-footer a:last-child {
	border-radius: 0 0 3px 0;
	background-clip: padding-box;
}

.profile-box .profile-box-footer a:nth-child(2) {
	background: #2980b9;
}

.profile-box .profile-box-footer a:hover {
	text-decoration: none;
}

.profile-box .profile-box-footer .value {
	display: block;
	font-size: 1.8em;
	font-weight: 300;
}

.profile-box .profile-box-footer .label {
	display: block;
	font-weight: 300;
}

.profile-box-menu .main-box-body {
	padding: 0;
}

.profile-box-menu .profile-box-header {
	padding: 30px 20px;
	color: #fff;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
}

.profile-box-menu .profile-img {
	border-radius: 50%;
	background-clip: padding-box;
	width: 110px;
	height: 110px;
	float: left;
	margin-right: 15px;
	border: 5px solid #fff;
}

.profile-box-menu h2 {
	padding: 20px 0 3px;
	margin: 0;
	display: inline-block;
	font-weight: 400;
	line-height: 1.1;
}

.profile-box-menu .job-position {
	font-weight: 300;
}

.profile-box-menu .profile-box-content .menu-items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.profile-box-menu .profile-box-content .menu-items li a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e7ebee;
	padding: 0 20px;
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
	color: #344644;
}

.profile-box-menu .profile-box-content .menu-items li a:hover {
	background-color: #e7ebee;
	text-decoration: none;
}

.profile-box-menu .profile-box-content .menu-items li a i {
	width: 24px;
}

.profile-box-menu .profile-box-content .menu-items li a span.label {
	margin-top: 10px;
}

.profile-box-menu .profile-box-content .menu-items li:last-child a {
	border-bottom: none;
}

.profile-box-stats .main-box-body {
	padding: 0;
}

.profile-box-stats .profile-box-header {
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	padding: 30px 20px 70px;
	color: #fff;
	text-align: center;
	position: relative;
}

.profile-box-stats .profile-img {
	border-radius: 50%;
	background-clip: padding-box;
	border: 5px solid #fff;
	bottom: -45px;
	float: left;
	height: 90px;
	left: 50%;
	margin-left: -45px;
	position: absolute;
	width: 90px;
}

.profile-box-stats h2 {
	padding: 0 0 8px;
	margin: 0;
	display: inline-block;
	font-weight: 400;
	line-height: 1.1;
	font-size: 1.5em;
}

.profile-box-stats .job-position {
	font-weight: 300;
}

.profile-box-stats .profile-box-footer {
	padding-top: 50px;
	padding-bottom: 15px;
}

.profile-box-stats .profile-box-footer a {
	display: block;
	width: 33%;
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 15px 10px;
	color: #344644;
}

.profile-box-stats .profile-box-footer a:hover {
	text-decoration: none;
}

.profile-box-stats .profile-box-footer .value {
	display: block;
	font-size: 1.8em;
	font-weight: 300;
}

.profile-box-stats .profile-box-footer .label {
	display: block;
	font-size: 1em;
	font-weight: 300;
	color: #344644;
}

.profile-box-contact .main-box-body {
	padding: 0;
}

.profile-box-contact .profile-box-header {
	padding: 30px 20px;
	color: #fff;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
}

.profile-box-contact .profile-img {
	border-radius: 50%;
	background-clip: padding-box;
	width: 110px;
	height: 110px;
	float: left;
	margin-right: 15px;
	border: 5px solid #fff;
}

.profile-box-contact h2 {
	padding: 8px 0 3px;
	margin: 0;
	display: inline-block;
	font-weight: 400;
	line-height: 1.1;
}

.profile-box-contact .job-position {
	font-weight: 300;
}

.profile-box-contact .profile-box-footer {
	padding-top: 10px;
	padding-bottom: 15px;
}

.profile-box-contact .profile-box-footer a {
	display: block;
	width: 33%;
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 15px 10px;
	color: #344644;
}

.profile-box-contact .profile-box-footer a:hover {
	text-decoration: none;
}

.profile-box-contact .profile-box-footer .value {
	display: block;
	font-size: 1.8em;
	font-weight: 300;
}

.profile-box-contact .profile-box-footer .label {
	display: block;
	font-size: 1em;
	font-weight: 300;
	color: #344644;
}

.profile-box-contact .contact-details {
	padding: 4px 0 0;
	margin: 0;
	list-style: none;
	font-weight: 300;
}

.profile-box-contact .contact-details li i {
	width: 12px;
	text-align: center;
	margin-right: 3px;
}

.project-box .main-box-body {
	padding: 0;
}

.project-box .project-box-header {
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
}

.project-box .project-box-header .name a {
	color: #fff;
	display: block;
	font-size: 1.4em;
	font-weight: 300;
	padding: 16px 15px;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	-webkit-transition: background-color 0.1s ease-in-out 0s;
	transition: background-color 0.1s ease-in-out 0s;
}

.project-box .project-box-header .name a:hover {
	text-decoration: none;
}

.project-box .project-box-header.green-bg .name a:hover {
	background: #27ae60;
}

.project-box .project-box-content {
	padding: 30px 20px 5px;
	text-align: center;
}

.project-box .project-box-content .chart {
	position: relative;
	text-align: center;
	font-weight: 300;
	font-size: 1em;
	width: 130px;
	height: 130px;
	display: block;
	margin: 0 auto;
	padding-top: 37px;
}

.project-box .project-box-content .chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.project-box .project-box-content .chart .percent {
	font-size: 2.1em;
	font-weight: 600;
}

.project-box .project-box-content .chart .lbl {
	display: block;
	margin-top: -7px;
}

.project-box .project-box-footer {
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
}

.project-box .project-box-footer a {
	border-right: 1px solid #eee;
	color: #344644;
	display: block;
	float: left;
	margin: 20px 0;
	padding: 5px 10px;
	text-align: center;
	width: 33.33%;
}

.project-box .project-box-footer a:last-child {
	border: none;
}

.project-box .project-box-footer a:hover {
	text-decoration: none;
}

.project-box .project-box-footer .value {
	display: block;
	font-size: 1.8em;
	font-weight: 300;
}

.project-box .project-box-footer .label {
	display: block;
	font-weight: 300;
	color: #344644;
}

.project-box .project-box-ultrafooter {
	background: #f7fafa;
	border-top: 1px solid #e9eef0;
	padding: 8px 15px;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
}

.project-box .project-box-ultrafooter .project-img-owner {
	border-radius: 50%;
	background-clip: padding-box;
	display: block;
	float: left;
	height: 33px;
	margin-right: 5px;
	overflow: hidden;
	width: 33px;
}

.project-box .project-box-ultrafooter .link {
	margin-top: 6px;
	color: #c1c5c6;
}

.project-box.emerald-box .project-box-footer a:hover {
	color: #3498db;
}

.project-box.red-box .project-box-footer a:hover {
	color: #e74c3c;
}

.project-box.yellow-box .project-box-footer a:hover {
	color: #f1c40f;
}

.project-box.green-box .project-box-footer a:hover {
	color: #2ecc71;
}

.project-box.purple-box .project-box-footer a:hover {
	color: #9b59b6;
}

.project-box.gray-box .project-box-footer a:hover {
	color: #95a5a6;
}

#error-page {
	background-color: #eeeeee;
}

#error-box {
	min-width: 280px;
	text-align: center;
	margin: 40px auto 20px;
}

#error-box h1 {
	margin-top: 40px;
	color: #605f5f;
	padding: 0;
}

#error-box p {
	margin: 20px 0;
}

.pace .pace-progress {
	background: #3498db;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 2px;
	-webkit-transition: width 1s;
	transition: width 1s;
}

.pace-inactive {
	display: none;
}

.daterange-filter {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	padding: 5px 10px;
}

.main-box-header .daterange-filter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.filter-block {
	margin-top: 7px;
}

@media only screen and (max-width: 440px) {
	.filter-block {
		float: none!important;
		clear: both;
	}
}

.filter-block .form-group {
	margin-right: 10px;
	position: relative;
}

@media only screen and (max-width: 440px) {
	.filter-block .form-group {
		float: none!important;
		margin-right: 0;
	}
}

.filter-block .form-group .form-control {
	height: 36px;
}

.filter-block .form-group .search-icon {
	position: absolute;
	color: #707070;
	right: 8px;
	top: 11px;
}

.filter-block .btn {
	margin-left: 5px;
}

@media only screen and (max-width: 440px) {
	.filter-block .btn {
		display: block;
		float: none!important;
		margin-bottom: 15px;
		margin-left: 0;
	}
}

@media only screen and (max-width: 440px) {
	#reportrange {
		clear: both;
		float: none!important;
		margin-bottom: 15px;
	}
}

.the-icons {
	line-height: 2;
}

.the-icons .glyphicon {
	width: 30px;
	text-align: center;
}

.tabs-wrapper .nav-tabs {
	margin-bottom: 15px;
}

.tabs-wrapper .tab-content {
	margin-bottom: 20px;
	padding: 0 10px;
}

.dropdown-example ul.dropdown-menu {
	display: block;
}

svg {
	width: 100%!important;
}
.modal-backdrop {
	z-index: 999;
}
.form-horizontal .form-group {
	margin-right: -8px;
	margin-left: -8px;
}
.form-group {
	position: relative;
}
.table .form-group {
	margin-bottom: 0;
}
.panel section {
	margin-bottom: 25px;
}
.panel section.footer {
	clear: both;
	margin-bottom: 25px;
	border-top:  1px solid #ddd;
	padding-top: 15px;
	text-align: right;
}
.panel section.footer .delete{
	display: none;
	text-align: left;
}
.panel section.footer .fpw{
	display: none;
}
.table .edit,.table .delete,.table .new-tr {
	display: none;
}
.input-nav {
	list-style: none;
	border-right: 1px solid #ccc;
}
.input-nav > li{
    margin-bottom: 0;
    position: relative;
}
.input-nav > li > a {
	color: #999;
	text-decoration: none;
	padding: 7px 12px;
    display: inline-block;
    border-radius: 3px;
}
.input-nav > li > a:hover {
	color: #344644;
}
.input-nav>li.active>a,.input-nav>li.active>a:hover,.input-nav>li.active>a:focus {
	color: #344644;
	background: #ccc;
}
.list-controller h6 {
	padding: 7px 12px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
}
.list-controller h6.no-top {
	margin-top: 34px;
}
.list-controller > div{
	float: left;
	width: 50%;
}
.list-controller .tool {
	width: 100%;
	padding: 7px 12px;
	text-align: left;
	border-top: 1px solid #ccc;
}
.list-controller ul {
	list-style: none;
	padding: 0 20px;
	min-height: 200px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

#gallery {
	margin-top: -8px;
}
#gallery img{
	width: 100%;
}
#gallery .pic {
	padding-top: 8px;
	padding-bottom: 8px;
}
#gallery .pic:hover .bar {
	opacity: 1;
}
#gallery .pic .bar{
	opacity: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	-webkit-transition: opacity .15s ease-in-out;
			transition: opacity .15s ease-in-out;
}
#gallery .pic .bar > a {
	margin: 0 8px;
	opacity: 0.8;
	
}
#gallery .pic .bar > a:hover {
	opacity: 1;
	
}
#gallery .pic .bar > a.pic-drag {
	color: #23ccef;
}
#gallery .pic .bar > a.pic-remove {
	color: #fb404b;
}
.dad-noSelect,.dad-noSelect *{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
}

.dad-container{
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dad-container::after{
    content: '';
    clear: both !important;
    display: block;
}
.dad-active .dad-draggable-area{
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.dad-draggable-area>*,.dad-draggable-area img{
    pointer-events: none;
}
.dads-children.active{
    pointer-events: none;
}
.dads-children-clone{
    opacity: 1;
    z-index: 9999;
    pointer-events: none;
}
.dads-children-placeholder{
    pointer-events: none;
    overflow: hidden;
    position: absolute !important;
    box-sizing: border-box;
    border:2px dashed #ccc;
    margin:5px;
    text-align: center;
    color: #639BF6;
    font-weight: bold;
}

#uploader {
	border: 1px dashed #ccc;
    text-align: center;
    color: #888;
    font-size: 14px;
    position: relative;
    border-radius: 3px;
    padding: 5px;
}
#uploader b {
	color: #23ccef;
}

.webuploader-dnd-over {
	border-color: rgba(52,151,219,0.6);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(52,152,219,0.6);
}
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 10px 15px;
	color: #888;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #888;
	margin-top: 10px;
	margin-bottom: 10px;
	opacity: 0.8;
}
.webuploader-pick-hover {
	border-color: #797979;
	color: #797979;
	opacity: 1;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

.note-editor.note-frame {
	margin-bottom: 0;
}

.card {
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	padding: 10px;
}
.card .card-title {
	margin-top: 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 6px 12px;
}
.multi-line {
	margin-bottom: 8px;
}
.multi-line:last-child {
	margin-bottom: 0;
}
.multi-line a.btn-multi{
	display: inline-block;
	padding: 6px;
	border: 1px solid transparent;
	border-radius: 50%;
	color: #999;
	-webkit-transition: border .15s ease-in-out,background .15s ease-in-out .1s;
			transition: border .15s ease-in-out,background .15s ease-in-out .1s;
}
.multi-line a.btn-multi:hover,
.multi-line a.btn-multi:focus{
	border-color: #ccc;
	background: #f5f5f5;
}
.multi-line a.btn-multi.plus{
	color: #87cb16
}
.multi-line a.btn-multi.minus{
	color: #fb404b
}
.multi-line a.btn-multi.anchor.active{
	color: #447DF7;
}
.product-list-table tbody>tr>td.s-th{
	font-size: 1.125em;
    font-weight: bold;
    color: #000;
}
.product-list-table tbody>tr>td p{
	margin-bottom: 4px;
}
.order-list-table tbody>tr>td.b{
	font-size: 16px;
	font-weight: bold;
}
.order-list-table tbody>tr>td p{
	margin-bottom: 4px;
}
.order-list-table tbody>tr>td p.time{
	color: #999;
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 10px;
}
.order-list-table tbody>tr>td p.pdt{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 2px dashed #ddd;
}
.order-list-table tbody>tr>td p.pdt:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0 none;
}
.order-list-table tbody>tr>td em{
	color: #1d62f0;
}
.order-list-table tbody>tr>td small{
	margin-top: 3px;
	padding-top: 3px;
	display: inline-block;
	border-top: 1px solid #ddd;
	color: #777;
}
.order-list-table tbody>tr>td .radio small{
	margin-top: 0;
	padding-top: 0;
	display: inline;
	border-top: 0 none;
}
.order-list-table tfoot>tr>td p{
	margin-bottom: 5px;
}
.order-list-table tfoot>tr>td p.total{
	display: inline-block;
	border-top: 1px solid #ddd;
	font-size: 24px;
	margin-bottom: 0;
	padding-right: 30px;
}
.order-detail-table tbody>tr> td {
	border-bottom: 1px solid #ddd;
	border-top: 0 none;
	padding: 12px 18px;
}
.order-detail-table tbody>tr> td.th{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	width: 25%;
}
.order-page .card h3 {
	margin: 25px 0;
}
.order-page .card h3 .price {
	color: #1D62F0;
}
.order-page .card h3 .price b{
	font-size: 30px;
}
.order-page .mf {
	margin-bottom: 0;
	float: left;
}
.order-page .mf .btn {
	background: #fff;
	color: #23ccef;
}
.order-page #more-filter{
	display: none;
}
.order-page .buyer-info {
	margin-top: 15px;
}
.order-page .buyer-info h4 {
	padding: 0 8px 12px;
	border-bottom: 1px solid #ddd;
	margin-top: 0;
}
.order-page .buyer-info .input-group{
	margin-bottom: 10px;
}
.order-page .radio-pane {
	padding: 8px;
	border: 1px dashed #23ccef;
	display: none;
}
.order-page .radio-pane.active {
	display: block;
}
.order-page .radio-pane strong{
	font-size: 16px;
}
.order-page .radio-pane .input-group:last-child {
	margin-bottom: 0;
}
.order-page .cal-price-line .form-control {
	display: inline-block;
	width: 130px;
}
.order-page .cal-price-line select.form-control {
	width: 85px;
}
.order-page .cal-price-line .final-total {
	float: right;
	font-size: 38px;
	line-height: 54px;
	color: #1D62F0;
}
.order-page .list-group-item-heading {
	color: #999;
}

.banner-page #pic a.pic-remove {
	display: none;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: rgba(251,64,75,0.7);
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	font-size: 24px;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.banner-page #pic:hover a.pic-remove{
	display: block;	
}

.coupon-page .table .time {
	margin-bottom: 0;
	color: #999;
	font-size: 12px;
}
.coupon-page .cal-price-line .form-control {
	display: inline-block;
	width: 130px;
}
.coupon-page .cal-price-line select.form-control {
	width: 85px;
}
.coupon-page .cal-price-line .final-total {
	float: right;
	font-size: 38px;
	line-height: 54px;
	color: #1D62F0;
}
#pay-loading {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#pay-loading div {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
}

